<template>
  <input v-model="model" />
</template>
<script setup>
import { getCurrentInstance } from 'vue'  
// getCurrentInstance 方法就能获取当前组件的实例、上下文来操作 router 和 vuex 等。
const {
  proxy: { $forceUpdate } // $forceUpdate具有强制刷新的作用。
} = getCurrentInstance()

// 双向绑定
const [model, modifiers] = defineModel({
  required: true,
  set(value) {
    if (modifiers.filterNumber) {
      // .filterNumber过滤非数字
      $forceUpdate()
      return value.replace(/\D/g, '')
      // 替换全局非数字
    }
    return value
  }
})
</script>
